<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .service_list {
            padding-top: 5px;
            height: 225px;
        }

        ul {
            display: block;
            list-style-type: disc;
            margin-block-start: 1em;
            margin-block-end: 1em;
            margin-inline-start: 0px;
            margin-inline-end: 0px;
            padding-inline-start: 40px;
        }

        .service_item {
            position: relative;
            float: left;
            width: 65px;
            height: 55px;
            background: #fff;
            text-align: center;
            overflow: hidden;
        }

        li {
            list-style: none;
        }
    </style>
</head>

<body>
    <div class="service_entry">
        <ul class="J_tab_head service_list">
            <li class="service_item noframe">
                <a href="https://b.jd.com/">
                    <i class="service_ico">
                        <!-- 常态 icon -->
                        <img
                            src="https://m.360buyimg.com/babel/jfs/t1/40738/20/14562/826/5d773a01E09eb8121/d6f3909618c6307a.png">

                    </i>
                    <span>企业购</span>
                </a>
            </li>
            <li class="service_item noframe">
                <a href="https://train.jd.com/" class="service_lk" target="_blank"
                    clstag="h|keycount|h|keycount|head|shortcut_02" aria-label="火车票">
                    <i class="service_ico">
                        <!-- 常态 icon -->
                        <img class="service_ico_img"
                            src="https://m.360buyimg.com/babel/jfs/t1/45761/32/10307/1581/5d7739e2Ece4b6671/0004c1b85fbf7bde.png">
                    </i>
                    <span class="service_txt">火车票</span>
                </a>
            </li>
            <li class="service_item noframe">
                <a href="https://o.jd.com" class="service_lk" target="_blank"
                    clstag="h|keycount|h|keycount|head|shortcut_03" aria-label="礼品卡">
                    <i class="service_ico">
                        <!-- 常态 icon -->
                        <img class="service_ico_img"
                            src="https://m.360buyimg.com/babel/jfs/t1/57014/6/10297/815/5d773a07Ec7a61fc9/97917a2daa34be0f.png">
                    </i>
                    <span class="service_txt">礼品卡</span>
                </a>
            </li>
            <li class="service_item noframe">
                <a href="https://www.jdcloud.com/cn/products/jdcloud-site-short" class="service_lk" target="_blank"
                    clstag="h|keycount|h|keycount|head|shortcut_04" aria-label="云建站">
                    <i class="service_ico">
                        <!-- 常态 icon -->
                        <img class="service_ico_img"
                            src="https://m.360buyimg.com/babel/jfs/t1/199328/36/31668/5055/6409d6eaF95b8c8bd/142ac4557cc71434.png">
                    </i>
                    <span class="service_txt">云建站</span>
                </a>
            </li>
            <li class="service_item noframe">
                <a href="https://chongzhi.jd.com/" class="service_lk" target="_blank"
                    clstag="h|keycount|h|keycount|head|shortcut_05" aria-label="话费">
                    <i class="service_ico">
                        <!-- 常态 icon -->
                        <img class="service_ico_img"
                            src="https://m.360buyimg.com/babel/jfs/t1/64347/37/9953/720/5d7739a6Ef5f451d6/4e2bc2d96b0fbbec.png">

                    </i>
                    <span class="service_txt">话费</span>
                </a>
            </li>
            <li class="service_item noframe">
                <a href="https://movie.jd.com/index.html" class="service_lk" target="_blank"
                    clstag="h|keycount|h|keycount|head|shortcut_06" aria-label="电影票">
                    <i class="service_ico">
                        <!-- 常态 icon -->
                        <img class="service_ico_img"
                            src="https://m.360buyimg.com/babel/jfs/t1/60778/37/9838/3066/5d7739faEd3b7dbb9/dd4d9ef7ce8fc169.png">

                    </i>
                    <span class="service_txt">电影票</span>
                </a>
            </li>
            <li class="service_item noframe">
                <a href="https://mro.jd.com/" class="service_lk" target="_blank"
                    clstag="h|keycount|h|keycount|head|shortcut_07" aria-label="五金城">
                    <i class="service_ico">
                        <!-- 常态 icon -->
                        <img class="service_ico_img"
                            src="https://m.360buyimg.com/babel/jfs/t1/9966/19/18575/2703/62fb7416E91849618/14a4b81a50f2a535.png">

                    </i>
                    <span class="service_txt">五金城</span>
                </a>
            </li>
            <li class="service_item noframe">
                <a href="https://ylc.m.jd.com?ext=2066" class="service_lk" target="_blank"
                    clstag="h|keycount|h|keycount|head|shortcut_08" aria-label="游戏">
                    <i class="service_ico">
                        <!-- 常态 icon -->
                        <img class="service_ico_img"
                            src="https://m.360buyimg.com/babel/jfs/t1/141957/16/35147/3699/64b0e61dF726bcd44/016f82305167967a.png">

                    </i>
                    <span class="service_txt">游戏</span>
                </a>
            </li>
            <li class="service_item noframe">
                <a href="https://jiayouka.jd.com/" class="service_lk" target="_blank"
                    clstag="h|keycount|h|keycount|head|shortcut_09" aria-label="加油卡">
                    <i class="service_ico">
                        <!-- 常态 icon -->
                        <img class="service_ico_img"
                            src="https://m.360buyimg.com/babel/jfs/t1/71890/14/9897/3048/5d7739ddE93eb94f8/f1f6dc5c207329f9.png">

                    </i>
                    <span class="service_txt">加油卡</span>
                </a>
            </li>
            <li class="service_item noframe">
                <a href="https://baitiao.jd.com/?from=jrscyn_20160" class="service_lk" target="_blank"
                    clstag="h|keycount|h|keycount|head|shortcut_10" aria-label="白条">
                    <i class="service_ico">
                        <!-- 常态 icon -->
                        <img class="service_ico_img"
                            src="https://m.360buyimg.com/babel/jfs/t1/56296/3/10260/1443/5d7739f3E233abc53/e6976f3cb30c9a8a.png">

                    </i>
                    <span class="service_txt">白条</span>
                </a>
            </li>
            <li class="service_item noframe">
                <a href="https://jipiao.jd.com/" class="service_lk" target="_blank"
                    clstag="h|keycount|h|keycount|head|shortcut_11" aria-label="机票">
                    <i class="service_ico">
                        <!-- 常态 icon -->
                        <img class="service_ico_img"
                            src="https://m.360buyimg.com/babel/jfs/t1/49654/24/10325/2901/5d7739caE0db5e87b/d9d908ad415a5265.png">
                    </i>
                    <span class="service_txt">机票</span>
                </a>
            </li>
            <li class="service_item noframe">
                <a href="https://hotel.jd.com" class="service_lk" target="_blank"
                    clstag="h|keycount|h|keycount|head|shortcut_12" aria-label="酒店">
                    <i class="service_ico">
                        <!-- 常态 icon -->
                        <img class="service_ico_img"
                            src="https://m.360buyimg.com/babel/jfs/t1/52668/12/10399/979/5d7739d1Efd1b6a04/18668c963bf9d646.png">
                    </i>
                    <span class="service_txt">酒店</span>
                </a>
            </li>
        </ul>
    </div>
</body>

</html>